<!doctype html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<title>Welcome to ACE Hospital</title>
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
	<!-- <link rel="stylesheet" href="styles/bootstrap.min.css"> -->
	
	<!-- <link rel="stylesheet" href="lib/bootstrap-material-design/css/roboto.min.css">
    <link rel="stylesheet" href="lib/bootstrap-material-design/css/material.min.css">
    <link rel="stylesheet" href="lib/bootstrap-material-design/css/ripples.min.css"> -->
    
	<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="lib/angular-loading-bar/build/loading-bar.min.css">
	<link rel="stylesheet" href="lib/ng-tags-input.min/ng-tags-input.min.css">
	<link rel="stylesheet" href="lib/ng-tags-input.min/ng-tags-input.bootstrap.min.css">

	<!-- Custom css goes here -->
	<link rel="stylesheet" href="styles/main.css">
</head>
<body data-ng-app="angularApp">
	<!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

	<div data-ng-controller="ContainerCtrl">
	 	<!-- Navbar -->
		<div class="navbar navbar-default navbar-fixed-top" role="navigation" data-ng-if="user">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span> 
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#/">ACE</a>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li><a href="#/contacts">Contacts</a></li>
			        <li><a href="#/users">Users</a></li>
			      </ul>
			      <ul class="nav navbar-nav navbar-right">
			        <li class="dropdown">
			          <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{user.username}} <span class="caret"></span></a>
			          <ul class="dropdown-menu">
			          	<li><a href="#/changePassword"><i class="fa fa-lock"></i> Change Password</a></li>
			            <li><a href="" data-ng-click="logout()"><i class="fa fa-sign-out fa-fw"></i> Logout</a></li>
			          </ul>
			        </li>
			    </ul>
        		</div>
			</div>
		</div>
		<!-- Navbar -->
        
        <div class="container-fluid">
        	<div class="row">
        		<!-- Page Content -->
        		<div class="col-md-12">
        			<div data-ng-view="">
					</div>
        		</div>
        		<!-- /#page-content-wrapper -->
        	</div>
        </div>
    </div>
    
	<script src="lib/jquery/dist/jquery.min.js"></script>
	<script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
	
	<!-- <script src="lib/bootstrap-material-design/js/ripples.min.js"></script>
    <script src="lib/bootstrap-material-design/js/material.min.js"></script>
    <script>
        $(document).ready(function() {
            // This command is used to initialize some elements and make them work properly
            $.material.init();
        });
    </script> -->
        
	<script src="lib/angular/angular.min.js"></script>
	<script src="lib/angular-route/angular-route.min.js"></script>
	<script src="lib/angular-resource/angular-resource.min.js"></script>
	<script src="lib/angular-loading-bar/build/loading-bar.min.js"></script>
	
	<script src="lib/angular-bootstrap/ui-bootstrap.min.js"></script>
	<script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
	
	<script src="lib/angularUtils/src/directives/pagination/dirPagination.js"></script>
	
	<script src="lib/ng-tags-input.min/ng-tags-input.min.js"></script>

	<!-- Custom javascript goes here -->
	<script src="scripts/app.js"></script>
	<script src="scripts/directives.js"></script>
	<script src="scripts/services.js"></script>
	<script src="scripts/controllers.js"></script>
	
	<script>
	    $('.navbar-toggle').click(function(e) {
	    	console.log(e);
	        e.preventDefault();
	        $("#wrapper").toggleClass("toggled");
	    });
    </script>
</body>
</html>
